<template>
  <div>
    <ul>
      <li v-for="(item, i) in list" :key="i">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
// 1. 安装jquery  npm install jquery
// 2. 导入jquery import $ from "jquery";
import $ from "jquery";
export default {
  data() {
    return {
      list: [],
    };
  },
  // 3. 定义异步请求方法
  methods: {
    loadList() {
      $.get("http://139.196.82.122:8080/api/v1/index/hotpic", (data) => {
        console.log(data); // 请求成功后的 出参 => 服务器响应结果
        console.log(data.data); // 从响应结果中获取数组数据
        this.list = data.data;
      });
    },
  },
  created() {
    this.loadList();
  },
};
</script>
